<template>
  <div v-if="cinema">
    <!-- 返回栏 -->
    <van-nav-bar left-arrow @click-left="onClickLeft">
      <template #left-arrow>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <!-- 影院信息name-->
    <div class="CinemaList-title" :key="'mykey1'">{{ cinema.name }}</div>
    <!-- 标题栏 -->
    <div>
      <van-nav-bar :title="cinema.address" left-text="返回" left-arrow>
        <template #left>
          <van-icon
            name="location-o"
            size="28px"
            color="black"
          />
        </template>
        <template #right>
          <a href="tel:10086">
            <van-icon name="phone-o" size="28px" color="black" />
          </a>
        </template>
      </van-nav-bar>
    </div>
<van-empty image="error" description="无院线信息" />


  </div>
</template>

<script>
import films from "../../request-get/ToCinema-request-films.js";
import detail from "../../request-get/ToCinema-request-detail.js";
export default {
  name: "noCinemas",
  data(){
    return{
      cinema:undefined
    }
  },
  mounted() {
    detail(this.$route.query.CinemaId).then((res)=>{
      this.cinema=JSON.parse(JSON.stringify(res.data.data.cinema))
    })
       
      },
  methods:{
      MyDialog(msg) {
          Dialog({
            title: "经纬度",
            message: `${msg.split(":")[0]},${msg.split(":")[1]}`,
          });
        },
    onClickLeft() {
       this.$router.push({
        path: "/cinemas",
        query: {
          id: 2,
           k:Math.random()*(12356789)+12
        }
      });
    },
  turnToCinemas() {
      this.$router.push({
        path: "/cinemas",
        query: {
          id: 2,
           k:Math.random()*(12356789)+12
        }
      });
    },
  }
};
</script>


<style scoped>
/* title的大小样式 */
.CinemaList-title {
  width: 100%;
  line-height: 45px;
  height: 45px;
  text-align: center;
}
</style>
